@charset "utf8";

//px --> rem的转换
@function px2rem($size, $base:64){
    @if($baseSize){
        @return ($size / $baseSize) * 1rem;
    }
    @return ($size / $base) * 1rem;
};

//设置背景图样式
@mixin setBg($url,$position:center, $size:0){
    background: url($url) no-repeat $position;
    @if($size != 0){
        background-size: $size
    }
}

//设置文字样式（px）
@mixin setText($size, $height, $color, $align:0){
    font-size: $size * 1px;
    line-height: $height * 1px;
    color: $color;
    @if($align != 0){
        text-align: $align;
    }
}

//设置文字样式（rem）
@mixin setRemText($size, $height, $color, $align:0){
    font-size: px2rem($size);
    line-height: px2rem($height);
    color: $color;
    @if($align != 0){
        text-align: $align;
    }
}

//单行超出用省略号隐藏
@mixin simpleLine(){
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html, body, div, p, ul, li, ol, dl, table, h1, h2, h3, h4, h5, h6, nav, section,footer, header{ margin: 0; padding: 0; }
body{ color: #333; font-family: 'Microsoft Yahei', Arial, sans-serif; }

a{
    text-decoration: none;
    &:hover{ cursor: pointer; }
    img{ display: inline-block; height: 100%; vertical-align: top; }
}
input{ outline: none; }

ul{ list-style-type: none; }


